iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0
自我挑戰組

Kotlin & Flutter App 開發比較思考日誌系列 第 5

[鐵人賽 Day 5] Kotlin & Flutter 元件比較(一) - 與畫面顯示相關的基礎元件名稱列表

  • 分享至 

  • xImage
  •  

目的

列出 Kotlin 和 Flutter 中相同功能的基礎元件名稱(畫面顯示相關元件)。


畫面呈現

元件呈現畫面 用途 Kotlin Flutter
https://ithelp.ithome.com.tw/upload/images/20230909/20162686wZJ3PG5iKN.png 呈現文字 TextView Text
https://ithelp.ithome.com.tw/upload/images/20230909/20162686c9aA2Ktpuq.png 呈現圖案 ImageView Image
https://ithelp.ithome.com.tw/upload/images/20230909/201626862IhQcB6b9l.png 作為按鈕 Button (InkWell or GestureDetector) + Container + Text
https://ithelp.ithome.com.tw/upload/images/20230909/20162686qYWnkwWDzv.png 輸入框 EditText TextField
https://ithelp.ithome.com.tw/upload/images/20230909/201626868hPK0BL4EW.png 圓角框 CardView Card

下一篇會仔細比較 KotlinFlutter 基礎元件寫法差異 !


上一篇
[鐵人賽 Day 4] 統整 Kotlin & Flutter 建立元件與改變元件狀態方式比較
下一篇
[鐵人賽 Day 6] Kotlin & Flutter 元件比較(一) - Kotlin 基礎元件應用實例
系列文
Kotlin & Flutter App 開發比較思考日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言